<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->	
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Compact view example (Java script Window)</title>
	<link rel="stylesheet" href="styles.css">
    <link type="text/css" media="screen" rel="stylesheet" href="Extra/colorbox/colorbox.css" />
		<script type="text/javascript" src="Extra/jquery.min.js"></script>
		<script type="text/javascript" src="Extra/colorbox/jquery.colorbox.js"></script>
		<!-- Replace JQuery source with the "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" (Most users has such file cached )-->
		
		<script type="text/javascript">
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
$(".colorboxlink1").colorbox({opacity:"0.2", width:"470", height:"350", title:"To close this dialog click X icon at the right", iframe:true});
				
			});
		</script>
</head>
<body>
Sample: <b>compactcolorbox.html</b>&nbsp;&nbsp;<a href="javascript:location.reload(true);"><img border="0" src="images/refresh.png" width="16" height="16">&nbsp;Refresh frame</a>&nbsp;&nbsp;<a target="_parent" href="index.htm"><img border="0" src="images/home.png" width="16" height="16">&nbsp;Examples home</a><br/><br/>
	<!-- text below wil be shown if JavaScript disabled at browser -->
 <span id="noscriptdiv" style="border:1px  solid #FF0000;display:block;padding:5px;text-align:left; background: #FDF2F2;color:#000;">Active Scripting (JavaScript) should be enabled in your browser for this application to function properly!</span>
<script type="text/javascript">
	document.getElementById('noscriptdiv').style.visibility = 'hidden';
	document.getElementById('noscriptdiv').style.height = 0;
	document.getElementById('noscriptdiv').style.padding = 0;
	document.getElementById('noscriptdiv').style.border = 0;
</script>

<p>This example shows how to display MultiPowUpload interface in a Javascript window (not pop-up!). It uses a free JQuery and Colorbox libraries<br>
  <br>
<a class="colorboxlink1" href="colorboxsampleuploader.html">Click to view MultiPowUpload</a> 
<br /><br />
</body>
</html>